<template>
  <form-box headText="物料明细">
    <el-table
      :data="mat_list"
      v-loading.body="listLoading"
      element-loading-text="给我一点时间" border fit highlight-current-row style="width: 100%">

      <el-table-column align="center" label="物料描述" max-width="250px">
        <template scope="scope">
          <span>{{scope.row.mat_desc}}</span>
        </template>
      </el-table-column>

      <el-table-column max-width="250px" align="center" label="单价">
        <template scope="scope">
          <span>{{scope.row.up}}</span>
        </template>
      </el-table-column>

      <el-table-column max-width="250px" align="center" label="数量">
        <template scope="scope">
          <span>{{scope.row.quantity}}</span>
        </template>
      </el-table-column>

      <el-table-column max-width="250px" align="center" label="单件加工费">
        <template scope="scope">
          <span>{{scope.row.process_up}}</span>
        </template>
      </el-table-column>

      <el-table-column max-width="250px" align="center" label="加工费金额">
        <template scope="scope">
          <span>{{scope.row.process_cost}}</span>
        </template>
      </el-table-column>

      <el-table-column max-width="250px" align="center" label="金额">
        <template scope="scope">
          <span>{{scope.row.total_price}}</span>
        </template>
      </el-table-column>

    </el-table>
  </form-box>
</template>
<script>
  import formBox from '../../../../components/formBox.vue'
  export default {
    name:'inquiryInfoDetail',
    components:{
      formBox
    },
    props:[
      'mat_list'
    ]
  }
</script>
<style scoped lang="scss">

</style>
